<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>position - testing</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<!--头部-->
<header>
    <!--导航-->
    <nav>
        <!--菜单列表-->
        <ul class="menu-list clearFix">
            <li>
                <a href="#">HOME</a>
                <!--二级菜单-->
                <ul class="sub-menu-list">
                    <li><a href="#">OPTIONS</a></li>
                    <li><a href="#">OPTIONS</a></li>
                    <li><a href="#">OPTIONS</a></li>
                    <li><a href="#">OPTIONS</a></li>
                </ul>
            </li>
            <li>
                <a href="#">NEWS</a>
                <!--二级菜单-->
                <ul class="sub-menu-list">
                    <li><a href="#">OPTIONS</a></li>
                    <li><a href="#">OPTIONS</a></li>
                    <li><a href="#">OPTIONS</a></li>
                </ul>
            </li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">CONTACT</a></li>
            <li><a href="#">TEAM</a></li>
        </ul>
    </nav>
</header>

<!--内容-->
<main class="content">
    <!--轮播图-->
    <div class="flash-wrap">
        <!--图片显示区域-->
        <div class="img-wrap">
            <img class="active" src="img/kawasaki-01.jpg" alt="">
            <img src="img/kawasaki-02.jpg" alt="">
            <img src="img/kawasaki-03.jpg" alt="">
            <img src="img/kawasaki-04.jpg" alt="">
        </div>
        <!--左右按钮区域-->
        <div class="btn-wrap">
            <img class="btn prev" src="img/arr_left.png" alt="">
            <img class="btn next" src="img/arr_right.png" alt="">
        </div>
        <!--小圆点区域-->
        <div class="point-wrap">
            <span class="point active"></span>
            <span class="point"></span>
            <span class="point"></span>
            <span class="point"></span>
        </div>
    </div>
</main>



</body>
</html>






